@import 'general';
.Q-Rollover.effect-05{
	// Initial
		img{.transition(all 300ms ease-in);}
		.mask{
   		background-color: rgba(146,96,91,0.3);
			.opacity(1);
			.translateX(-300px);
			.transition(all 300ms ease-in-out);
		}
		h4{
   		background: rgba(255, 255, 255, 0.5);
   		color: #000;
   		.box-shadow(0px 1px 3px rgba(159, 141, 140, 0.5));
		}
		p{
  		color: #333;
			.transition(all 200ms linear);
		}
	// animacion
		&:hover .mask,
		&:hover h4,
		&:hover p,
		&:hover a.trigger{
			.opacity(1);
		}
		&:hover .mask{
			.translateX(0px);
		}
		&:hover img{
			.translateX(300px);
		}
		&:hover p{
			.opacity(1);
		}
}